<template>
  <div id="SoundEq">
    <a-layout class="master-layout">
      <a-layout-sider
        :trigger="null"
        v-model="collapsed"
        collapsible
        :width="272"
        :collapsedWidth="0"
      >
        <div class="logo">声隐身装备的综合管理</div>
        <a-menu theme="dark" mode="inline" :default-selected-keys="['1']">
          <a-menu-item key="1">
            <a-icon type="user" />
            <span>I型装置</span>
          </a-menu-item>
          <a-menu-item key="2">
            <a-icon type="video-camera" />
            <span>II型装置</span>
          </a-menu-item>
          <a-menu-item key="3">
            <a-icon type="upload" />
            <span>III型装置</span>
          </a-menu-item>
        </a-menu>
      </a-layout-sider>
      <a-layout>
        <a-layout-header style="background: #fff; padding: 0">
          <a-icon
            class="trigger"
            :type="collapsed ? 'menu-unfold' : 'menu-fold'"
            @click="() => (collapsed = !collapsed)"
          />
          <div class="backlogItpm" style="font-size: 30px">
            声隐身装备综合实验教学分系统
            <a-badge :dot="true" />
          </div>
        </a-layout-header>
        <a-layout-content
          :style="{
            margin: '24px 16px',
            padding: '24px',
            background: '#fff',
            minHeight: '280px',
          }"
        >
          <SoundEqTable ref="SoundEqTable" />
        </a-layout-content>
      </a-layout>
    </a-layout>
  </div>
</template>

<script>
import SoundEqTable from "./SoundEqTable.vue";
export default {
  components: {
    SoundEqTable,
  },
  data() {
    return {
      collapsed: false,
    };
  },
};
</script>

<style>
</style>